<template>
	<view>
		
	</view>
	<!-- 弹窗 -->
	<up-popup closeable @close="show=false" :show="show" round="20">
	</up-popup>
</template>

<script setup>
	import {login, getUsrInfo, getUserInfo} from '../../api/api.js'
  // onReachBottom 页面触底就会触发 懒加载使用
  import {onLoad,onReachBottom ,onPageScroll} from '@dcloudio/uni-app'
import { data } from 'jquery';
import { reactive } from 'vue';
  
  const userInfo = reactive({
	  avatarUrl:'',
	  nickName: ''
  })
  onLoad(async()=>{
//免登录逻辑实现
if(uni.getStorageInfoSync('token')){
	const {avatarUrl,nickName} =await getUserInfo()
	userInfo.avatarUrl=avatarUrl
	userInfo.nickName=nickName
})

  
  //确定按钮 回填用户信息
  const userSubmit=()=>{
	  uni.setStorageSync('update',JSON.stringify(userInfo))
  }
  
  //点击获取用户头像
  const onChooseAvatar=(e)=>{
	  userInfo.avatarUrl= e.detail.avatarUrl
  }
  //获取用户昵称
  const changeName=(e)=>{
	  userInfo.nickName=e.detail.value
  }
 const setFun=()=>{
	 // //获取用户头像和昵称
	 // uni.getUserInfo({
	 // 	success(data){
		// 	console.log(data,'data')
		// }
	 // })
	 // uni.getUserProfile({
	 // 	desc:"获取用户信息",
		// success(data) {
		// 	console.log(data,'getUserProfile')
		// }
	 // })
	 
	 //轻提示 第二种   
	 uni.showModal({
	 	title:"温馨提示",
		content:"需要获取您的昵称和头像，请授权",
		success(res) {
			if(res.confirm){
				//需要在小程序进行登录 获取code
				 //最新的用户鉴权登录 功能
				uni.login({
					success: async(data)=> {
						console.log('data',data)
						//通过code传给后端，后端去换取sessionkey
					 const res=	await login(data)
					 uni.setStorageSync('token',res.token)
						console.log(res,'res')
						//通过token获取用户信息
						const userData = await getUserInfo()
						console.log(userData,'userData')
						//把用户的信息显示到页面上
						userInfo.avatarUrl=userData.avatarUrl
						userInfo.nickName=userData.nickName
						show.value=true
					}
				})
			}
		}
	 })
 }
</script>

<style lang="scss">

</style>
